<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <title>Title</title>
</head>
<body>
<table id="demo" lay-filter="test"></table>
<script src="/layui/layui.js"></script>
<script type="text/javascript" >
    layui.use('table', function () {
        var table = layui.table;
        //第一个实例
        table.render({
            elem: '#demo'
            , url: 'table' //数据接口
            , method: 'post'
            , page: true //开启分页
            , limit: 3
            , limits: [2, 3, 5]
            , cols: [
                [
                    { width: 80, type: 'checkbox' },
                    { field: 'eid', width: 80, title: 'ID', sort: true },
                    { field: 'openid', title: 'openid', sort: true },
                    { field: 'nickname', title: '呢称', sort: true },
                    { field: 'sex', title: '性别', sort: true },
                    { field: 'city', title: '城市', sort: true },
                    { field: 'country', title: '国家', sort: true },
                    { field: 'province', title: '省份', sort: true },
                    { field: 'headimgurl', title: '图片地址', sort: true },
                    { field: 'subscribe', title: '状态', sort: true },
                    { field: 'language', title: '语言', sort: true },
                    { field: 'remark', title: '备注', sort: true }


                ]
            ],
            parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.data.total, //解析数据长度
                    "data": res.data.data //解析数据列表
                };
            },
            request: {
                pageName: 'page' // 页码的参数名称，默认：page
                , limitName: 'size' //每页数据量的参数名，默认：limit
            },
        });
    });
</script>

</body>
</html>